<div class="counter">
   <div class="ul">
       <div class="li" v-for="(item,index) of proxyList">
            <ui-input :value="item.key" class="input1" @change="(e) => item.key = e.target.value" placeholder="key,示例：https://www.xxxx.xxx/coin/xx 如此，即：/coin"></ui-input>
            <ui-input :value="item.target" class="input2" @change="(e) => item.target = e.target.value" placeholder="任何请求路径以 key 值开头的请求将被代理到该目标"></ui-input>
            <ui-button v-if="index == proxyList.length - 1"  @click="onAddConfig"  type="primary">+</ui-button>
            <ui-button v-if="index == proxyList.length - 1 && proxyList.length > 1"  @click="onReduceConfig"  type="danger" style="margin-left: 20px;">-</ui-button>
       </div>
       <div class="btn">
            <ui-button  class="btn1"   @click="onOpenProxyConfig"  type="primary"> {{isStart ? '重启' : '开启'}}代理配置</ui-button>
            <ui-button  @click="onCloseProxy" :disabled="!isStart"  type="primary">关闭代理配置</ui-button>
            <ui-input   :value="port" class="input2" @change="(e) => port = e.target.value" placeholder="设置你端口,默认8080"></ui-input>
            <ui-input   :value="wsUrl" class="input2" @change="(e) => wsUrl = e.target.value" placeholder="设置的长连接代理"></ui-input>
       </div>
   </div>
   <div class="loading" v-if="loadingStatus != 0">
        <div v-if="loadingStatus == 1">保存配置中...</div>
        <div v-if="loadingStatus == 2"> 代理中启动中...</div>
        <div v-if="loadingStatus == 3">代理已启动,当前地址：{{'http://localhost:'+ port}} 访问 <ui-button style="font-size: 15px;" @click="onCopy" type="primary">复制</ui-button></div>
   </div>
</div>